<!DOCTYPE html>
<html>

<head>
    <title>表单</title>
    <meta name="keywords" content="表单">
    <meta name="description" content="表单">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="Cache-Control" content="no-siteapp" />
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <link rel="icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../../css/style.css">
    <!-- [if lt IE 9]>
            <script src="../../lib/html5shiv.js"></script>
            <script src="../../lib/respond.min.js"></script>
        <![endif]-->
    <script src="../../lib/jquery-1.8.0.min.js"></script>
    <script src="../../lib/flexible.js"></script>
    <script src="../../lib/layer/layer.js"></script>
    <script src="../../js/config.js"></script>
    <script src="../../js/utils.js"></script>
    <style>
        .icon-text{
            display: inline-block;
            width: 16px;
            height: 16px;
            background-image: url(../../img/broken.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
        }
    </style>
</head>

<body>
    <div class="page">
        <div class="container">
            <section class="page-cell">
                <div class="cell">
                    <div class="cell-wrapper">
                        <div class="cell_content">
                            <span class="cell_text">标题文字</span>
                        </div>
                        <div class="cell_aside"></div>
                    </div>
                </div>
                <div class="cell">
                    <div class="cell-wrapper">
                        <div class="cell_content">
                            <span class="cell_text">标题文字</span>
                        </div>
                        <div class="cell_aside">
                            <span class="cell_text info">说明文字</span>
                        </div>
                    </div>
                </div>
                <div class="cell">
                    <div class="cell-wrapper">
                        <div class="cell_content">
                            <i class="icon-text"></i>
                            <span class="cell_text">标题文字</span>
                        </div>
                        <div class="cell_aside info">带icon</div>
                    </div>
                </div>
                <div class="cell">
                    <div class="cell-wrapper">
                        <div class="cell_content">
                            <img src="../../img/broken.png" height="30" width="30">
                            <span class="cell_text">标题文字</span>
                        </div>
                        <div class="cell_aside info">icon是图片的</div>
                    </div>
                </div>
                <div class="cell">
                    <div class="cell-wrapper">
                        <div class="cell_content">
                            <span class="cell_text">标题文字</span>
                        </div>
                        <div class="cell_aside info">是链接</div>
                        <div class="is-link"></div>
                    </div>
                </div>
                <div class="cell">
                    <div class="cell-wrapper">
                        <div class="cell_content">
                            <span class="cell_text">标题文字</span>
                        </div>
                        <div class="cell_aside info">
                            <a class="btn-primary pure">按钮<div class="is-link white"></div></a>
                        </div>
                    </div>
                </div>
                <div class="cell">
                    <div class="cell-wrapper">
                        <div class="cell_content">
                            <span class="cell_text">标题文字</span>
                            <span class="cell_label">描述信息</span>
                        </div>
                        <div class="cell_aside info">
                            <div class="is-link"></div>
                        </div>
                    </div>
                </div>
            </section>
            <section class="page-cell">
                <div class="cell border-primary">
                    <div class="cell-wrapper">
                        <div class="cell_content">
                            <span class="cell_text">标题文字</span>
                        </div>
                        <div class="cell_aside"></div>
                    </div>
                </div>
                <div class="cell border-primary">
                    <div class="cell-wrapper">
                        <div class="cell_content">
                            <span class="cell_text">标题文字</span>
                        </div>
                        <div class="cell_aside">
                            <span class="cell_text info">说明文字</span>
                        </div>
                    </div>
                </div>
                <div class="cell border-primary">
                    <div class="cell-wrapper">
                        <div class="cell_content">
                            <i class="icon-text"></i>
                            <span class="cell_text">标题文字</span>
                        </div>
                        <div class="cell_aside info">带icon</div>
                    </div>
                </div>
                <div class="cell border-primary">
                    <div class="cell-wrapper">
                        <div class="cell_content">
                            <img src="../../img/broken.png" height="30" width="30">
                            <span class="cell_text">标题文字</span>
                        </div>
                        <div class="cell_aside info">icon是图片的</div>
                    </div>
                </div>
                <div class="cell border-primary">
                    <div class="cell-wrapper">
                        <div class="cell_content">
                            <span class="cell_text">标题文字</span>
                        </div>
                        <div class="cell_aside info">是链接</div>
                        <div class="is-link"></div>
                    </div>
                </div>
                <div class="cell border-primary">
                    <div class="cell-wrapper">
                        <div class="cell_content">
                            <span class="cell_text">标题文字</span>
                        </div>
                        <div class="cell_aside info">
                            <a class="btn-primary pure">按钮<div class="is-link white"></div></a>
                        </div>
                    </div>
                </div>
                <div class="cell border-primary">
                    <div class="cell-wrapper">
                        <div class="cell_content">
                            <span class="cell_text">标题文字</span>
                            <span class="cell_label">描述信息</span>
                        </div>
                        <div class="cell_aside info">
                            <div class="is-link"></div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
    </div>
</body>

</html>